.connect {
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
}

.top_bgc {
	width: 100%;
	height: 792rpx;
	padding-top: 0rpx;

}
.back{
	width: 52rpx;
	height:52rpx;
	position: fixed;
	top: 40rpx;
	left: 40rpx;
}
.top_desc {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 56rpx;
	padding-right: 24rpx;
}

.top_desc_title1 {
	font-family: PingFang SC, PingFang SC;
	font-weight: bold;
	font-size: 44rpx;
	color: #010101;
	line-height: 36rpx;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.top_desc_left {
	flex: 1;
}

.top_desc_bar_item {
	display: flex;
	align-items: center;
}

.top_desc_bar_item_title {
	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	font-size: 20rpx;
	color: #2E3139;
	line-height: 32rpx;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.top_desc_left_bar {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 30rpx;
}

.nei_box {
	background-color: red;
	/* margin-top: 38rpx; */
	width: 100%;
	/* height: 862rpx; */
	background: #fff;
	margin-bottom: 60rpx;
	border-radius: 20rpx 20rpx 20rpx 20rpx;
}

.login_type {
	display: flex;
	background-color: #fff;
	border-radius: 20rpx;
}

.login_btns_type {
	width: 50%;
	height: 112rpx;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;


	font-family: PingFang SC, PingFang SC;
	font-weight: bold;
	font-size: 30rpx;
	color: #010101;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.login_type_left {
	background-image: url(../../static/inde_png/index_icon_13.png);
	background-size: 100% 100%;
}

.login_type_right {
	background-image: url(../../static/inde_png/index_icon_11.png);
	background-size: 100% 100%;
}

.input_item {
	padding: 0 36rpx;
	margin-bottom: 20rpx;
}

.input_item_left {
	font-family: PingFang SC, PingFang SC;
	font-weight: bold;
	font-size: 30rpx;
	color: #2E3139;
	line-height: 24rpx;
	text-align: left;
	font-style: normal;
	text-transform: none;
	padding: 30rpx 0 20rpx 0;
}

.input_box {
	width: 100%;
	height: 104rpx;
	background: #F8F8F8;
	padding: 0 40rpx;
	border-radius: 12rpx 12rpx 12rpx 12rpx;
	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	font-size: 32rpx;
	color: #979797;
	line-height: 24rpx;
	text-align: left;
	font-style: normal;
	text-transform: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.xieyi {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

}

.no {
	width: 32rpx;
	height: 32rpx;
	border: 4rpx solid #4187c2;
	box-sizing: border-box;
	border-radius: 16rpx;
	margin-right: 16rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.yes {
	width: 12rpx;
	height: 12rpx;
	background-color: #4187c2;
	border-radius: 30rpx;
}

.xieyi {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

}

.tiao {
	animation: container 500ms;
}

.xieyi_text {
	font-size: 24rpx;
	font-weight: 300;
	color: #333333;
	line-height: 24rpx;

}

.btns_login {
	width: 100%;
	height: 92rpx;
	margin-top: 20rpx;
	font-size: 28rpx;
	color: #FFFFFF;
	line-height: 92rpx;
	text-align: center;
	background: linear-gradient(165deg, #4187c2 0%, #00AAFF 100%);
	border-radius: 80rpx 80rpx 80rpx 80rpx;
}

.no {
	width: 32rpx;
	height: 32rpx;
	border: 4rpx solid #000;
	box-sizing: border-box;
	border-radius: 16rpx;
	margin-right: 16rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}

.yes {
	width: 12rpx;
	height: 12rpx;
	background-color: #000;
	border-radius: 30rpx;
}

.xieyi {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30rpx;
	margin-bottom: 60rpx;
}

.tiao {
	animation: container 500ms;
}

@keyframes container {
	0%,
	100%,
	20%,
	50%,
	80% {
		transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
		transform: translate3d(0, 0, 0);

		40%,
		43% {
			transition-timing-function: cubic-bezier(0.755, 0.50, 0.855, 0.060);
			transform: translate3d(0, -30px, 0);
		}

		70% {
			transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
			transform: translate3d(0, -15px, 0);
		}

		90% {
			transform: translate3d(0, -4px, 0);
		}
	}
}
.login_btn{
	width: 618rpx;
	height: 104rpx;
	background: #2E3139;
	border-radius: 12rpx 12rpx 12rpx 12rpx;
	margin: 0 auto;
	
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: PingFang SC, PingFang SC;
	font-weight: bold;
	font-size: 32rpx;
	color: #FFFFFF;
	line-height: 24rpx;
	text-align: left;
	font-style: normal;
	text-transform: none;
}
.othner_btn_text{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 40rpx;
	padding: 0 30rpx;
	
	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	font-size: 28rpx;
	color: #919390;
	line-height: 24rpx;
	text-align: left;
	font-style: normal;
	text-transform: none;
}
.other_login_type{
	text-align: center;
}
.login_btn_wx{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
}
.wx_logo{
	background-color: #5ec87e;
	width: 80rpx;
	height: 80rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 60rpx;
	margin-top: 32rpx;
	margin-bottom: 32rpx;
}
.wx_connect{
	font-size: 24rpx;
	color: #ccc;
}
.other_login_type_title{
	font-size: 24rpx;
	color: #ccc;
	width: 100%;
}
.back_text{
	display: flex;
	width: 100%;
	justify-content: flex-end;
	padding: 0 30rpx;
	margin-top: 40rpx;
	
	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	font-size: 28rpx;
	color: #919390;
	line-height: 24rpx;
	text-align: left;
	font-style: normal;
	text-transform: none;
}
/* .connect{
	width: 100%;
	height: 100vh;
	background-color: #fff;
	padding: 180rpx 94rpx 0 94rpx;
	box-sizing: border-box;
}
.login_text{
	font-size: 54rpx;
	font-weight: bold;
	color: #06091A;
	line-height: 54rpx;
	margin-bottom: 80rpx;
}
.input_item{
	width: 100%;
	height: 108rpx;
	border-bottom: 1rpx solid #f2f2f2;
	display: flex;
	align-items: center;
}
.input_item_left{
	margin-right: 40rpx;
	font-size: 28rpx;
	font-weight: bold;
	line-height: 28rpx;
	width: 154rpx;
	text-align: left;
}
.marginBottom188{
	margin-bottom: 230rpx;
}
.no{
	width: 32rpx;
	height: 32rpx;
	border: 4rpx solid #4187c2;
	box-sizing: border-box;
	border-radius: 16rpx;
	margin-right: 16rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}
.yes{
	width: 12rpx;
	height: 12rpx;
	background-color: #4187c2;
	border-radius: 30rpx;
}
.xieyi{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.tiao{
	animation:container 500ms;
}
@keyframes container{
  0%,
  100%,
  20%,
  50%,
  80% {
  transition-timing-function: cubic-bezier(0.215,.61,.355,1); 
  transform: translate3d(0,0,0); 
  40%,
  43%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-30px,0);
  }
  70%{
  transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
  transform: translate3d(0,-15px,0);
  }
  90%{
  transform: translate3d(0,-4px,0);
  }
}
.xieyi_text{
	font-size: 24rpx;
	font-weight: 300;
	color: #333333;
	line-height: 24rpx;
	
}
.btns_login{
	width: 100%;
	height: 92rpx;
	margin-top: 20rpx;
	font-size: 28rpx;
	color: #FFFFFF;	
	line-height: 92rpx;
	text-align: center;
	
background: linear-gradient( 165deg, #4187c2 0%, #00AAFF 100%);
	border-radius: 80rpx 80rpx 80rpx 80rpx;
}
.login_icon{
	margin-top: 48rpx;
	display: flex;
	justify-content: center;
	padding:0 30%;
	box-sizing: border-box;
	
}
.login_size{
	width: 48rpx;
	height: 48rpx;
}

.bar_icon{
	width: 270rpx;
	height: 96rpx;
	margin: auto;
	margin-top: 120rpx;
}

.bar_icon image{
	width: 100%;
	height: 100%;
	display: block;

}
.zhuce{
	font-size: 24rpx;
	margin-top: 16rpx;
	display: flex;
	align-items: center;
	color: #b1b1b1;
}
.zhuce image{
	width: 24rpx;
	height: 24rpx;
	margin-left: 15rpx;
}
.input_item_left_z{
	margin-right: 40rpx;
	font-size: 28rpx;
	font-weight: bold;
	line-height: 28rpx;
	width: 160rpx;
	text-align: left;
}
.login_text_yes{
	font-size: 54rpx;
	font-weight: bold;
	color: #06091A;
	margin-left: 15rpx;
	margin-right: 15rpx;
}
.login_text_no{
	font-size: 34rpx;
	font-weight: bold;
	color: #999;
	margin-left: 15rpx;
	margin-right: 15rpx;
} */